<!-- 英雄区域模块 -->
<section id="<?php echo $data['type']; ?>" class="py-16 bg-white">
  <div class="container mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
      <div class="order-2 lg:order-1">
        <div class="inline-block px-4 py-1 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4">
          <?= $data['content']['sectionBadge'] ?>
        </div>
        <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-6">
          <?= $data['content']['sectionTitle'] ?>
        </h2>
        <p class="text-dark/70 mb-8 leading-relaxed">
          <?= $data['content']['sectionSubtitle'] ?>
        </p>
        <div class="flex flex-wrap gap-4 mb-8">
          <?php foreach($data['content']['buttons'] as $button){ ?>
          <a href="<?php echo $button['href']; ?>" class="px-6 py-3 bg-primary text-white rounded-lg hover:bg-primary/90 transition-custom">
            <?php echo $button['text']; ?>
          </a>
          <?php } ?>
        </div>
        
        <!-- 合作伙伴 -->
        <?php if(!empty($data['content']['partners'])){ ?>
        <div class="mt-12">
          <h3 class="text-dark/70 text-sm uppercase tracking-wider mb-6"><?php echo $data['content']['partners']['title']; ?></h3>
          <div class="flex flex-wrap items-center gap-8">
            <?php foreach($data['content']['partners']['items'] as $partner){ ?>
            <img src="<?php echo $partner['image']; ?>" alt="<?php echo $partner['alt']; ?>" class="h-8 opacity-70 hover:opacity-100 transition-custom">
            <?php } ?>
          </div>
        </div>
        <?php } ?>
      </div>
      <div class="order-1 lg:order-2 relative">
        <img src="<?php echo $data['content']['image']; ?>" alt="专业团队" class="w-full h-auto rounded-2xl shadow-lg">
        
        <!-- 统计数据 -->
        <?php foreach($data['content']['stats'] as $stat){ ?>
        <div class="absolute bg-white p-4 rounded-xl shadow-md max-w-xs" style="bottom: 10%; right: -5%;">
          <div class="flex items-center mb-2">
            <div class="w-10 h-10 rounded-full overflow-hidden mr-3 bg-primary/10 flex items-center justify-center">
              <i class="fa fa-<?php echo $stat['icon']; ?> text-primary"></i>
            </div>
            <div>
              <p class="font-bold text-lg"><?php echo $stat['value']; ?></p>
              <p class="text-dark/70 text-sm"><?php echo $stat['label']; ?></p>
            </div>
          </div>
        </div>
        <?php } ?>
      </div>
    </div>
  </div>
</section>